<template>
    <div>
      <!-- v-bind：class=“{类名：布尔值}”如果为ture 就表示有此类名，否则没有 -->
      <span :class="{class:str}"> 手拿菜刀砍电线，一路火花带闪电</span>
  
    </div>
  </template>
  
  <script>
  export default {
  data(){
    return{
      str:true,
  
    }
  }
  }
  </script>
  
  <style>
  .class{
    color: red;
    
  }
  
  
  </style>